<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" isELIgnored="false"%>
<%@ include file="/WEB-INF/views/shared/taglib.jsp"%>
<%@ include file="/WEB-INF/content/js/postgraduate/cardstyle.jsp"%>
<style>
.card-margin {
	margin-top: 20px;
	margin-bottom: 40px;
}
</style>
<div class="row" style="margin-top: 15px">
	<table id="coolTable" class="cntable table table-bordered dataTable table-employee">
		<div>
			<c:forEach var="writePaper" items="${writePapers}" varStatus="status">	
				<c:set value="${tfn:random(1,28)}" var="imgNum"/>
				<div class="col-lg-3 col-md-4 col-sm-6 card-margin">
					<div ontouchstart="this.classList.toggle('hover');">
						<div class="container panel-paper" data-id="${writePaper.id}">
							<div class="front" style="background-image: url(<c:url value="/images/woods/${imgNum }.jpg" />);">
								<div class="inner">
									<h1>${writePaper.paperName}</h1>
									<h1>作者：${writePaper.paperAuthor}${imgNum }</h1>
								</div>
							</div>
							<div class="back" style="background-image: url(<c:url value="/images/woods/${imgNum }.jpg" />);" >
								<div class="inner">
									<h1>版本：${writePaper.paperVersion}</h1>
									<h1>
										日期：
										<fmt:parseDate value="${writePaper.paperDate}" pattern="yyyy-MM-dd" var="receiveDate" />
										<fmt:formatDate value="${receiveDate}" pattern="yyyy-MM-dd" />
									</h1>
								</div>
							</div>
						</div>
					</div>
				</div>
			</c:forEach>
		</div>
		<tfoot>
			<tr>
				<th class="pager-th"><%@ include file="/WEB-INF/views/shared/master/pager.jsp"%></th>
			</tr>
		</tfoot>
	</table>
</div>
